const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const mdToHtmlPlugin = require('./plugin/md_to_html_plugin')
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = [
    new HtmlWebpackPlugin({
        // 已public/index.html文件为模板，创建新的index.html文件
        // 新文件有两个特点 1：结构方面的一致 2：会自动引入打包文件
        template: path.resolve(__dirname, '../public/index.html')
    }),
    new mdToHtmlPlugin({
        template: path.resolve(__dirname, '../src/test.md'),
        filename: 'test.html'
    }),
    new MiniCssExtractPlugin({
        filename: '[name].[contenthash].css', // 支持缓存
        chunkFilename: '[id].[contenthash].css'
    })
]